俗话说:人生在于折腾,开搞。
第一步,需要一个环境,我计划搞个centos,使用宝塔面板,鉴于篇幅,另开文章。
安装CentOS 7
然后开始搞。
安装宝塔
首先装个宝塔面板,能省不少事。
随便找个位置输入命令,命令来源。
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

然后宝塔就跑起来了

下面开搞,根据官网教程来。
部署API
要求如下:

开始装软件




最后一个没听过,等会用到的时候再说。

这个看起来就是创建个网站,然后把他的文件下载下来。
咱们先创建一个网站。

然后打开目录,拉取文件。
git clone https://gitee.com/bbbug_com/ChatAPI.git

因为下载下来的是文件夹,然后给所有文件移动到当前目录。
然后指向public

再配置伪静态

然后导入数据库。



然后修改数据库

提示没有phpmysqdmin,就装一个。



然后修改.example.env名字为.env,并修改其中的内容

然后在站点根目录下执行composer install
安装必要的依赖文件

出问题了,第一步的composer没有安装。

网站这里有,点一下升级试试看。
升级完成有版本号了,点击执行。


应该是没问题了吧。
如果不出意外的话,可以访问,试一下。

虽然没有跳到官网, 但是可以访问,应该是没问题。
然后配置跨域。
点击网站->配置文件加入跨域。
add_header Access-Control-Allow-Origin '*';
add_header Access-Control-Allow-Methods 'GET,POST';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';


然后下载Supervisor,进行守护。




然后api就完了,下一步教程。
部署websocket

修改文件,现在文件名字变了,应该是新的文件了。

后来出问题,发现这里虽然有http但是仅支持https,由于我不实用https,所以这里修改一下代码,改成仅支持http
将https.get修改为http.get,一共三处。据说这个是v1版本,并且不再维护,所以可能不会再有修改了。

然后安装nodejs
先安装PM2

然后执行 node websocket_bbbug_chat.js

这。。。
那先跳过,打开PM2添加项目看看。

果然是教程中说的, 缺少nodejs-websocket

直接在PM2中装一下

结果还是启动失败


不过这个目录好像跟我设置的不一样啊
删除重新添加一下,还是报错缺少模块,换个地方重新安装一下试试看。

还是一样。
想使用npm发现也没有npm命令,切换一下版本试试看吧,不行就再换一个吧。

还是不行,网上查了了一下,说重新打开终端就好了,试了一下果然可以了。。。。

应该是没问题的。
删除项目,重新添加试试看。

果然好了。
部署最后的前端部分

再次新建一个网站

同样的拉取代码
git clone https://gitee.com/bbbug_com/ChatWEB.git

然后同样的,将文件移动到根目录。
然后修改src/main.js

上传音乐路径不知道怎么修改,先放着吧。
执行npm run build
npm run build

提示没有就装一个
npm install rimraf --save-dev
这啥情况,装了1000多个包

不管他,继续 npm run build

成功了。
然后将dist目录部署为你的实际访问站点地址

访问以下试试看。

提示连不上,是不是端口问题。

放行一下。

果然好了,一打开就开始放歌了。
下面登录一下试试看。

消息貌似发不了。
查看错误日志,说打开文件失败,应该没关系吧。

找到一个,复制过去,看看有没有用。。。

没有报错,但是仍然无法发送消息。
可以看到访问日志,说明网络没问题,看看代码去。

查代码,发现是调用了一个微信小程序,来验证数据,由于没有配置微信小程序, 所以导致判断失败。
所以这里先注掉。

果然可以了
成果

Comments | 4 条评论
666
@鸿焱 技术交流,还望多多支持。
@鸿焱 试试这个,能点开不
@主人 成功了!~